<template>
    <ul class="cl-foot">
      <router-link class="cl-foot-item" tag="li" to="/home">
        <i>icon</i>
        <span>首页</span>
      </router-link>
      <router-link class="cl-foot-item" tag="li" to="/mall">拼团</router-link>
      <router-link class="cl-foot-item" tag="li" to="/cart">购物车</router-link>
      <router-link class="cl-foot-item" tag="li" to="/mine">我的</router-link>
    </ul>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.cl{
  &-foot{
    height: 64px;
    border-top: 2px solid #494949;
    background-color: #cccccc;
    display: flex;
    &-item{
        flex: 1;
        text-align: center;
        &>span{
            display: block;
        }
    }
  }
}
</style>
